import styled from 'styled-components'
export const SearchLyricWrapper = styled.div`
  
`
export const RowWrapper = styled.div`
  .row{
    margin-top:20px;
    display:flex;
    padding:10px;
    background-color: #f7f7f7;
    .play {
      width: 17px;
      height: 17px;
      background-position: 0 -103px;
      cursor:pointer;
    }
    .name{
      width: 450px;
      margin-left:10px;
      cursor:pointer;
    }
    .artist{
      cursor:pointer;
      width: 170px;
    }
    .album{
      cursor:pointer;
      width:180px;
    }
  }
  .txt{
    white-space:pre-wrap;
    line-height:25px;
    margin-left:40px;
    margin-top:20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: ${props => props.isShow ? 'none':'4'};
    -webkit-box-orient: vertical;
    color: rgb(102, 102, 102);
  }
  .show{
    margin-top:20px;
    margin-left:40px;
    cursor:pointer;
  }
`